<script setup>

</script>

<template>
  <div class="container">
    <h1>
      <slot name="head"></slot>
    </h1>
    <motto>
      <slot name="motto"></slot>
    </motto>
  </div>

</template>

<style scoped>
.container{
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;

}

h1 {
  margin-right: 30px;
  font-size: 48px;
  font-weight: bold;
}

motto {
  font-size: 28px;

}
</style>